<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="С 1 по 15 февраля 2024 года скидка 20% на Dr.Web Security Space для Android, 2 устройства на 1 год всего за 784 руб.">
    <meta name="keywords" content="dr.web promo, dr.web android">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">
    <script src="main.js" defer></script>
    <title>Скидка 20% на Dr.Web Security Space (для Android)</title>
</head>

<body>
    <header class="header">
        <img class="header__logo-img" src="assets/logo/dr_web.svg" alt="Dr.Wb main logo">
        <h1 class="header__title">Защити свой цифровой мир</h1>
        <h2 class="header__sub-title">с Dr.Web Security Space для Android</h2>
        <a id="link" href="#promo" class="link header__link">Купить со скидкой</a>
        <div class="header__img-wrapper">
            <picture>
                <source class="header__img" srcset="assets/img/img.png" media="(min-width:768px)">
                <source class="header__img" srcset="assets/img/img-480px.png">
                <img class="header__img" src="assets/img/img-480px.png" alt="скидка 20% на Dr.Web Security Space для Android">
            </picture>
            <!-- <img src="assets/img/img.png" alt="скидка 20% на Dr.Web Security Space для Android" class="header__img"> -->
        </div>
    </header>
    <main class="main">
        <section id="promo" class="main__promo">
            <div class="main__promo-first">
                <span class="main__promo-date">С 1 по 15 февраля 2023 года</span>
                <h2 class="main__promo-title">Dr.Web Security Space для Android</h2>
                <div class="main__promo-conditions">
                    <span>2 устройства</span>
                    <span>12 месяцев</span>
                </div>
                <p class="main__promo-info">Сохранит в безопасности важные документы, онлайн-банкинг, личные переписки,
                    доступ к социальным сетям и вашим контактам</p>
                <a href="/" class="main__promo-link">
                    Условия акции
                </a>
            </div>
            <div class="main__card">
                <img src="assets/img/card.png" alt="#" class="main__card-img">
                <h2 class="main__card-title">Dr.Web Security Space</h2>
                <h3 class="main__card-sub-title">Защита мобильных устройств и планшетов</h3>
                <div class="main__card-price">
                    <div class="main__card-price-left">
                        <span class="main__card-price-noactive">980 ₽</span>
                        <span class="main__card-price-active">784 ₽</span>
                    </div>
                    <div class="main__card-price-right">без НДС</div>
                </div>
                <a href="#" class="link">Купить со скидкой</a>
            </div>
        </section>
        <section class="main__options">
            <div class="main__option-wrap">
                <h3 class="main__option-title">
                    Защитит гаджеты:
                </h3>
                <ul class="main__option-list">
                    <li>Смартфоны</li>
                    <li>Планшеты</li>
                    <li>Smart-TV</li>
                    <li>Игровые консоли</li>
                </ul>
                <picture>
                    <source class="main__option-img main__option-img-1" srcset="assets/img/img-2.png" media="(min-width:768px)">
                    <source class="main__option-img main__option-img-1" srcset="assets/img/img-2-480px.png">
                    <img class="main__option-img main__option-img-1" src="assets/img/img-2-480px.png" alt="#">
                </picture>
                <!-- <img src="assets/img/img-2.png" alt="#" class="main__option-img main__option-img-1"> -->
            </div>
            <div class="main__option-wrap">
                <h3 class="main__option-title">
                    Компоненты защиты:
                </h3>
                <ul class="main__option-list">
                    <li>Родительский контроль</li>
                    <li>Брандмауэр</li>
                    <li>Фильтр звонков и СМС</li>
                    <li>Аудитор безопасности</li>
                    <li>Антивор</li>
                    <li>URL-фильтр</li>
                    <li>Антивирус</li>
                </ul>
                <picture>
                    <source class="main__option-img main__option-img-2" srcset="assets/img/img-3.png" media="(min-width:768px)">
                    <source class="main__option-img main__option-img-2" srcset="assets/img/img-3-480px.png">
                    <img class="main__option-img main__option-img-2" src="assets/img/img-3-480px.png" alt="#">
                </picture>
                <!-- <img src="assets/img/img-3.png" alt="#" class="main__option-img main__option-img-2"> -->
            </div>
        </section>
    </main>
    <footer class="footer">
        <div class="footer__wrapper">
            <div class="footer__container">
                <img src="assets/logo/footer_logo.svg" alt="#">
                <span>&copy; «Доктор Веб» 2003–2023</span>
            </div>
            <p class="footer__info">
                «Доктор Веб» — российский производитель антивирусных средств защиты информации под маркой Dr.Web.
            </p>
        </div>
    </footer>
</body>

</html>